<template>

	<view>
		<view >
			<uni-section class="mb-10" title="工单编号">
				<template v-slot:right>
					NO.12345678
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="保修类型">
				<template v-slot:right>
					空调
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="保修位置">
				<template v-slot:right>
					A栋6楼部长会议室一
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="联系人">
				<template v-slot:right>
					占山
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="联系电话">
				<template  v-slot:right >
					<text class="tels">1857865555</text>
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="维修部门">
				<template v-slot:right>
					维修部
				</template>
			</uni-section>
			<hr>
			<uni-section class="mb-10" title="保修时间">
				<template v-slot:right>
					2018-09-23 13：00：00
				</template>
			</uni-section>
			<hr>
			<view >
				<view class="errorDescriptionTitle">
					故障描述
				</view>
				<view class="errorDescriptiontex">
					<text>
						在部长会议室一设定了温度没反应，温度不起作用请尽快维修处理，谢谢！
					</text>
				</view>
			</view>
			<hr>
			<view class="errorimage">
				<view class="errorimageTitle">
					故障图片
				</view>
				<view class="errorimagecontext">
					<image src="https://img.axureshop.com/25/b4/10/25b4104f10ee4caebb973eb8225c8a01/images/%E5%B7%A5%E5%8D%95%E8%AF%A6%E6%83%85%EF%BC%88%E5%BE%85%E5%A4%84%E7%90%86%EF%BC%89/u921.png" mode=""></image>
					<image src="https://img.axureshop.com/25/b4/10/25b4104f10ee4caebb973eb8225c8a01/images/%E5%B7%A5%E5%8D%95%E8%AF%A6%E6%83%85%EF%BC%88%E5%BE%85%E5%A4%84%E7%90%86%EF%BC%89/u921.png" mode=""></image>
					<image src="https://img.axureshop.com/25/b4/10/25b4104f10ee4caebb973eb8225c8a01/images/%E5%B7%A5%E5%8D%95%E8%AF%A6%E6%83%85%EF%BC%88%E5%BE%85%E5%A4%84%E7%90%86%EF%BC%89/u921.png" mode=""></image>
				</view>
			</view>
			<hr/>
		</view>
		<view class="buttonWiew">
				<button class="mini-btn" type="primary" size="mini">接单</button>
				<button class="mini-btn" type="primary" size="mini">指派</button>
				<button class="mini-btn" type="primary" size="mini">退单</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>

	hr{
		border:none;
		border-bottom: 1px solid rgba(0, 0, 0, .3);
	}
	.tels{
		color: coral;
	}
	.errorDescriptionTitle,.errorDescriptiontex,.errorimageTitle{
		font-size: 14px;
		margin: 10px 0px 10px 10px;
	}
	.errorDescriptiontex{
		margin-bottom: 30px;
	}
	.errorDescriptiontex >text{
		margin-left: 28px;
	}
	.errorimagecontext{
		text-align: center;
	}
	.errorimagecontext > image{
		width: 101px;
		height: 75px;
		margin: 0 10px;
	}
	.buttonWiew{
		width: 100%;
		text-align: center;
		margin-top: 150rpx;
	}
	.buttonWiew>button{
		margin: 0 10rpx;
	}
	
</style>